<template>
	<div id="find">
		<findHead></findHead>
		<findNav></findNav>
		<router-view></router-view>
	</div>
</template>

<script>
	import findNav from '../../view/nav/findNav.vue'
	import findHead from '../../view/head/find-head.vue'
	export default {
		name: 'find',
		data() {
			return {
				List:[
					{
						id:'1',
						text:'交流圈',
						path:'jiaoliu'
					},
					{
						id:'2',
						text:'灵感',
						path:'linggan'
					},
					{
						id:'3',
						text:'联名',
						path:'lianMing'
					},
					{
						id:'4',
						text:'设计师',
						path:'design'
						
					},
				]
			}
		},
		components: {
			findNav:findNav,
			findHead:findHead
		}
	}
</script>

<style>
	#find .header{
		height: 0.88rem;
		background: #C30D23;
		opacity: 1;
		position: relative;
	}
	#find .header span{
		position: absolute;
		top: 0.52rem;
		left: 1.49rem;
		font-size: 0.20rem;
		font-weight: bold;
		color: #FAFAFA;
		opacity: 1;
	}
	
</style>
